@charset "utf-8";
header, footer, nav, aside, section, article, figure, figcaption { display: block; }
body { font-family: "微軟正黑體", Arial, Helvetica, sans-serif; font-size: 0.938em/*15px*/; margin: 0; padding: 0 }
.tree { margin: 20px 10px 0 10px; }
.tree ul { margin: 0; padding: 0 }
.tree ul li { list-style-type: none; margin: 0 0 13px 0 ; }
.tree ul li a{ display:block; }
.tree ul li>div ul { margin: 10px 0 0 0px; padding: 0px 0 0 10px }
.tree ul ul.line { background-image: url(../images/tree_line01.gif); background-repeat: repeat-y; background-position: 8px 0px; }
.tree ul li ul li>div ul { margin: 0 0 0 -18px; padding: 13px 0 0 10px }
.tree ul li ul li>div ul li:last-child { background-image: url(../images/tree_icon06_2.gif); background-repeat: no-repeat; background-position: 0 3px; padding: 1px 0 0 34px; margin: 0 0 0 -2px }
div[data-angular-treeview] {
  /* prevent user selection */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333;
  text-decoration: none;
}

div[data-tree-model] ul {
  margin: 0;
  padding: 0;
  list-style: none; 
  border: none;
  overflow: hidden;
}

div[data-tree-model] li {
  position: relative;
  padding: 0 0 0 20px;
  line-height: 20px;
}

div[data-tree-model] li .expanded {
  padding: 1px 10px;
  background-image: url(../images/tree_icon02.gif);
  background-repeat: no-repeat;
}

div[data-tree-model] li .collapsed {
  padding: 1px 10px;
  background-image: url(../images/tree_icon01.gif);
  background-repeat: no-repeat;
}
div[data-tree-model] li .expanded2 {
  padding: 1px 10px;
 background-image: url(../images/tree_icon03.gif);
  background-repeat: no-repeat;
}

div[data-tree-model] li .collapsed2 {
  padding: 1px 10px;
  background-image: url(../images/tree_icon04.gif);
  background-repeat: no-repeat;
}
div[data-tree-model] li .normal {
  padding: 1px 10px;
   background-image: url(../images/tree_icon05.gif);
  background-repeat: no-repeat;
  background-position:-8px 0
}

div[data-tree-model] li i, div[data-tree-model] li span {
  cursor: pointer;
}

div[data-tree-model] li .selected {
  background-color: #aaddff;
  font-weight: bold;
  padding: 1px 5px;
}
